<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <title>工具集</title>
    <link rel="stylesheet" href="./static/layui/css/layui.css" media="all" />
    <script src="./static/layui/layui.js" charset="utf-8"></script>
    <script src="./static/js/tiny-pinyin.js"></script>
    <script src="./static/js/utils.js"></script>
  </head>
  <body class="layui-layout-body">
    <div class="layui-layout layui-layout-admin">
      <div class="layui-side layui-bg-black" style="top: 0;">
        <div class="layui-side-scroll">
          <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
          <ul class="layui-nav layui-nav-tree">
            <li class="layui-nav-item layui-this">
              <a href="./firendList/index" target="main-page">查看好友列表</a>
            </li>
            <li class="layui-nav-item">
              <a href="./excludeFriends/index" target="main-page">筛选不在群的好友</a>
            </li>
          </ul>
        </div>
      </div>

      <div class="layui-body" style="top:0;bottom:0px;padding:10px;">
        <iframe
          style="width: 100%;height: 100%;"
          name="main-page"
          src="./firendList/index"
          frameborder="0"
        ></iframe>
      </div>
    </div>
    <script>
      layui.use(['element', 'util', 'jquery'], function() {
        var element = layui.element,
          util = layui.util,
          $ = layui.jquery
      })
    </script>
  </body>
</html>
